{extend name="base" /}

{block name="css"}
    <style type="text/css">
        .col-md-4{
            margin-bottom: 30px;
        }
    </style>
{/block}

{block name="main"}
<div class="container">
    <div class="row">
        <!--{for start="1" id="5"}-->
        {for start="1" end="$pic['num']" comparison="elt"}
        <div class="col-md-4">
            <div class="card" style="width: 18rem;">
                <img height="180rem" class="card-img-top" src="/images/{$pic['prefix']}/{$pic['prefix']}{$i}.jpg" alt="">
                <div class="card-body">
                    <h5 class="card-title">Card title</h5>
                    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                </div>
            </div>
        </div>
        {/for}
    </div>
</div>
{/block}


